  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  html,
  body {
      min-width: auto;
  }

  #left_arrow {
     	position: absolute;
cursor:pointer;
  }
 #container {
 		position:relative;
      height: 100%;
      width:100%;
  }
  	#right-cont{
  		height:100%;
  		padding:0;
  	}
   .right-content{
   	position:relative;
   	height:100%;
   }
  	#mapshow{
  		height:70%;
  		width:100%;
  		border:1px solid #ccc;
  		position:relative;
  	}
  	.setmodal{
  		
  	}
  	.movemodal{
  		position:absolute;
  		z-index:200;
  		cursor:move;
  		box-shadow:0 0 8px rgba(0,0,0,.3);
  		/* display:none; */
  		
  	}
  	.movemodal.active{
  		
  		z-index:210;
  	}
  	.around,.arounds{
  		padding:20px;
  		right:133px;
  		top:173px;
  		width:330px;
  		/* height:350px; */
  		background:#fff;
  		
  		
  	}
  	.text-left{
  		width:74px;
  		line-height:28px;
  		font-size:12px;
  	}
  	.text-lefts{
  		width:84px;
  		line-height:28px;
  		font-size:12px;
  	}
  	.text-left3{
  		width:100px;
  		line-height:28px;
  		font-size:12px;
  	}
  	.name-input{
  		width:214px;
  		font-size:12px;
  		/* border:1px solid #ccc; */
  	}
  	.name-inputs{
  		width:206px;
  		font-size:12px;
  		/* border:1px solid #ccc; */
  	}
  	.name-input3{
  		width:190px;
  		font-size:12px;
  	}
  	.text_name{
  		border:1px solid #ccc;
  		width:100%;
  		height:28px;
  		padding:0 15px;
  		outline: none;
  	}
  	
  	select,option{
  	outline: none;
  	}
  	.name-inputs input[type=radio]{
  		float:left;
  		margin-top:8px;
  		margin-right:4px;
  	}
  	.name-inputs span{
  		    height: 28px;
  			line-height: 28px;
  			margin-left:10px;
  	}
  	.group_item{
  		margin-bottom:12px;
  	}
  	.aroundbtn{
  		padding: 10px 52px 0;
  	}
  	.aroundbtn button{
  		width:80px;
  		height:30px;
  		text-align:center;
  		line-height:30px;
  		font-size:12px;
  		color:#fff;
  		background:#3a81e6;
  		border:0;
  	}
  	.inputcheckbox{
	position:relative;
	width:16px;
	height:16px;
	background:#f00;
	top:2px;
	margin-right:8px;
	display: inline-block;
	background:url(../../framework/icons/checkbox.png) no-repeat center;
}
.inputcheckbox.active{
	background:url(../../framework/icons/checked.png) no-repeat center;
}
.inputcheckbox input{
	opacity:0;
	filter: alpha(opacity=0); 
	width:16px;
	height:16px;
	margin:0;
	display:block;
	position:relative;
	z-index:100;
}
  .search-bar{
      margin-bottom: 10px;
      margin-top: 10px;
   	/* width:100%; */
			height:31px;
			margin-right: 15px;
      margin-left: 6px;
    
    }
    .search-bar>input{
			width:100%;
			padding-right: 10px;
    }
    .search-bar #search-bt{
    	width:23%;
    	position:relative;
    	top:-30px;
			left:80%;
			border-radius: 0 3px 3px 0;
    }
    .check-bar{
margin-left:3px;
      padding:12px 0px 0px 10px;
      width:100%;
    }
     .btn.btn-success{
      padding: 4.4px 16px;
      margin-left:-6px;
      border-radius:0;
    }
    .topquery{
      padding:0;
    }
    button{
    	outline:none;
    }
    .addregion ,.closeregion{
    	width:96px;
    	height:28px;
    	border:1px solid #3a81e6;
    	background:#fff;
    	color:#3a81e6;
    	font-size:12px;
    	float:left;
    	margin-right:18px;
    	line-height:28px;
    	
    }
     .addregion img,.closeregion img,.new-around-title button img{
     		height:12px;
     		margin-right:5px;
     		position:relative;
     		top:-1px;
     }
     .isonline{
    		width:380px;
    		padding:20px;
    		background:#fff;
    		left:40px;
    		top:80px;
     }
     .movemodalclose{
     		position:absolute;
     		top:10px;
     		right:5px;
     		width:14px;
     		height:14px;
     		cursor:pointer;
     }
     .movemodalclose img{
     		display:block;
     		width:100%;
     }
     .new-around{
     		width:450px;
     		top:63px;
     		right:67px;
     		background:#fff;
     }
     .new-around-title{
     		width:100%;
     		height:50px;
     		position:relative;
     		background:#3a81e6;
     }
     .new-around-title button{
     		width:86px;
     	height:28px;
     	border:0;
     	background:#fff;
     	color:#3a81e6;
     	font-size:12px;
     	float:left;
     	margin-right:18px;
     	line-height:28px;
     	margin:11px 20px;
     }
     .new-around-title .movemodalclose{
     		top:19px;
     		right:16px;
     }
     .new_add_around{
     	right:350px;
     	top:104px;
     }
     
  	.test-title{
  		height:34px;
  		width:100%;
  		background:#3a81e6;
  		position:relative;
  		
  	}
  	.test-title li{
  		float:left;
  		margin-left:6px;
  		margin-top:4px;
  		width:90px;
  		height:26px;
  		line-height:26px;
  		background:#408af4;
  		color:#fff;
  		font-size:12px;
  		text-align:center;
  		cursor:pointer;
  	}
  	.test-title li.active{
  		
  		background:#fff;
  		color:#3a81e6;
  	}
  	.test-title .historbtn{
  		position:absolute;
  		right:30px;
  		top:9px;
  		width:16px;
  		height:16px;
  		background:none;
  		margin:0;
  	}
  	
  	 .historbtn img{
  	 	display:block;
  	 	
  	 }
  	 .amap-controls{
  	 	display:none;
		 }
		 .alarm-title-view {
			 position: absolute;
			 left: 0;
			 top: 0;
			 background: url(../../framework/icons/forecast/alarm-t-line.png);
			 background-repeat: repeat-x;
			 width: 100%;
			 height: 63px;
		 }
		 .alarm-title-view .left-text-view {
			 background: url(../../framework/icons/forecast/alarm-tb.png) no-repeat;
			 background-position: 0 -5px;
			 width: 383px;
			 padding-left: 20px;
			 height: 63px;
			 position: absolute;
			 background-position: 0px 10px;
			 left: 0;
			 top: 8px;
			 padding-top: 24px;
		 }
		 .alarm-title-view .alarm-right-view {
			float: right;
			padding-top: 25px;
			text-align: left;
			height: 63px;
		 }
		 .alarm-title-view .alarm-right-view>* {
			 float: left;
		 }
		 .alarm-title-view .date-time {
			 font-size: 14px;
			 line-height: 17px;
			 color: #fff;
			 margin-right: 10px;
		 }
		 .alarm-title-view .weather-icons {
			 height: 40px;
			 display: block;
			 margin-right: 10px;
		 }
		 .alarm-title-view .temp-panel {
			 height: 32px;
			 padding-right: 10px;
			 border-right: 1px solid #fff;
			 color: #fff;
			 font-weight: bolder;
			 font-size: 20px;
			 line-height: 34px;
		 }
		 .alarm-title-view .temp-panel::before {
			 content: '';
			 background: url(../../framework/icons/forecast/alarm-temp.png) no-repeat center;
			 background-size: auto 34px;
			 display: inline-block;
			 height: 34px;
			 width: 15px;
			 margin-right: 10px;
			 vertical-align: top;
		 }
		 .alarm-title-view .temp-panel::after {
			content: '℃';
			vertical-align: inline-block;
			display: inline-block;
		 }
		 .alarm-title-view .wind-view {
			 padding: 0 20px 0 15px;
			 color: #fff;
			 font-size: 14px;
			 line-height: 1;
			 text-align: center;
		 }
		 .alarm-title-view .wind-view .wind-switch {
			 background-color: #22ac38;
			 height: 18px;
			 line-height: 18px;
			 padding: 1px 5px;
			 border-radius: 3px;
			 margin-top: 2px;
			 display: inline-block;
		 }
		 .alarm-title-view .wind-view span {
			 margin-right: 10px;
		 }
  	 /* 在线查看 */
  	 .is_online {
  	 	width:295px;
  	 	background:#121824;
  	 	position:absolute;
  	 	top:80px;
  	 	left:20px;
  	 	z-index:300;
  	 	overflow-y: auto;
			overflow-x: hidden;
			padding-right: 3px;
			box-shadow: 0 0 10px #121824;
		 }
		 .is_online_tab {
			 position: absolute;
			 top: 10px;
			 left: 325px;
			 width: 35px;
		 }
		 .is_online_tab span {
			 background: #363d52 url(../../framework/icons/video_view/alarm-t.png) no-repeat center;
			 background-size: 25px 26px;
			 display: block;
			 border: 1px solid #363d52;
			 border-radius: 4px;
			 height: 34px;
			 margin-bottom: 10px;
		 }
		 .is_online_tab span.tab {
			 border: 1px solid #3a81e6;
		 }
		 .is_online_tab span:last-of-type {
			 margin-bottom: 0;
		 }
		 .is_online .online-title {
			 font-size: 18px;
			 line-height: 42px;
			 height: 43px;
			 font-style: italic;
			 border-bottom: 2px solid rgba(95, 103, 109, 1);
			 position: relative;
			 color: #fff;
			 font-weight: bolder;
		 }
		 .is_online .online-title::before {
			background: url(../../framework/icons/video_view/alarm-t.png) no-repeat center;
			background-size: 25px 26px;
			height: 42px;
			width: 26px;
			display: inline-block;
			vertical-align: top;
			margin-left: 3px;
			content: '';
			margin-right: 3px;
		 }
		 .is_online .online-title .online-panel-open {
			 position: absolute;
			 right: 0;
			 top: 0;
			 width: 37px;
			 height: 42px;
			 display: block;
			 transition: all .4s ease;
			 background: url(../../framework/icons/video_view/alarm-sw.png) no-repeat center;
			 background-size: 17px 17px;
		 }
		 .is_online .online-title .online-panel-close {
			 transform: rotate3d(0, 0, 1, 180deg);
			 -webkit-transform: rotate3d(0, 0, 1, 180deg);
		 }
		 .is_online .online_content {
			 /* padding-bottom: 50px; */
			 overflow: hidden;
			 transition: all .5s ease-in;
			 -webkit-transition: all .5s ease-in;
		 }
		.is_online .online-ul-title {
			height: 40px;
			line-height: 39px;
			border-bottom: 2px solid rgba(95, 103, 109, .3);
			font-size: 14px;
			padding: 0 3px 0 10px;
			color: #a0a2a3;
			text-align: left;
		}
		.is_online .online-ul-title span {
			width: 20%;
			float: left;
		}
		.is_online .online-ul-title span::before {
			content: '';
			background: url(../../framework/icons/video_view/alarm-location-r.png) no-repeat;
			width: 17px;
			display: inline-block;
			vertical-align: top;
			height: 40px;
		}
		.is_online .online-ul-title span:first-child {
			width: 40%;
			float: left;
		}
		.is_online .online-ul-title span:first-child::before {
			display: none;
		}
		.is_online .online-ul-title span.online {
			color: #12adfd;
		}
		.is_online .online-ul-title span.online::before {
			background-position: 3px center;
		}
		.is_online .online-ul-title span.offline::before {
			background-position: -53px center;
		}
		.is_online .online-ul-title span.alarm {
			color: #f5061d;
		}
		.is_online .online-ul-title span.alarm::before {
			background-position: -104px center;
		}
		.is_online ul.online-ul-list {
			font-size: 12px;
			color: #a0a2a3;
			overflow: hidden;
			overflow-y: auto;
			max-height: 264px;
		}
		.is_online .online-ul-list li {
			border-bottom: 2px solid rgba(95, 103, 109, .3);
			height: 38px;
			line-height: 37px;
			padding-left: 20px;
		}
		.is_online .online-ul-list li span:first-child {
			width: 40%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			float: left;
		}
		.is_online .online-ul-list li span.online {
			width: 20%;
			float: left;
			color: #12adfd;
			padding-left: 17px;
		}
		.is_online .online-ul-list li span.offline {
			width: 20%;
			float: left;
			padding-left: 17px;
		}
		.is_online .online-ul-list li span.alarm {
			width: 20%;
			float: left;
			color: #f5061d;
			/*padding-left: 17px;*/
			text-align: center;
		}
		.is_online .online-ul-list li:last-of-type {
			border-bottom: none;
		}
  	 .is_online_centent_item{
  	 	width:295px;
  	 	height:29px;
  	 	font-size:12px;
  	 	color:#333;
  	 	padding:8px 0 8px 15px  ;
  	 	border-bottom:1px solid #ccc;
  	 }
  	 .is_online_centent_item:last-child{
  	 border-bottom:0;
  	 }
  	 .is_online_title{
  	 	width:98px;
  	 	line-height:13px;
  	 }
  	 .on-line,.off-line,.warning{
  	 	height:13px;
  	 	line-height:13px;
  	 	width:60px;
  	 	padding-left:13px;
  	 }
  	 .on-line i{
  	 	display:block;
  	 	width:16px;
  	 	height:13px;
  	 	background:url(../../framework/icons/wifi.png) no-repeat 0 0;
  	 	margin-right:5px;
  	 }
  	 .off-line i{
  	 	display:block;
  	 	width:16px;
  	 	height:13px;
  	 	background:url(../../framework/icons/wifi.png) no-repeat -60px 0;
  	 	margin-right:5px;
  	 }
  	 .warning i{
  	 	display:block;
  	 	width:13px;
  	 	height:13px;
  	 	background:url(../../framework/icons/wifi.png) no-repeat -122px 0;
  	 	margin-right:5px;
  	 }
  	 .is_online_centent_item>div{
  	 	float:left;
  	 }
  	 
  	 /* 历史记录 */
  	 
  	 .history-info-title{
  	 	height:72px;
  	 	padding:21px 0;
  	 	color:#666;
  	 	line-height:30px;
  	 	font-size:12px;
  	 }
  	 .history-info-title input[type=text],.history-info-title select{
  	 	height:28px;
  	 	border:1px solid #ccc;
  	 	width:118px;
  	 	line-height:28px;
  	 	font-size:12px;
  	 	padding:0 5px;
  	 }
  	 .waringtype{
  	 	margin-right:30px;
  	 }
  	 .waringbtn button{
  	 	width:90px;
  	 	height:30px;
  	 	background:#3a81e6;
  	 	line-height:30px;
  	 	text-align:center;
  	 	border:0;
  	 	color:#fff;
  	 	margin-left:30px;
  	 }
  	 .covers_full,.fence{
			width:36px;
			background:url(../../framework/icons/full_p.png) no-repeat center;
			cursor:pointer;
			height:27px;
		}
.fence{
	background:url(../../framework/icons/dian.png) no-repeat center;
	border-right:1px solid #ccc;
}
.fence.active{
	background:url(../../framework/icons/dianup.png) no-repeat center;
	border-right:1px solid #ccc;
}
#covers{
	 position:absolute;
	 right:30px;
	 top:31px;
	 z-index:500;
	 height:36px;
	 border: 1px solid #363d52;
	 border-radius: 4px 4px 0 0;
	 padding-top:5px;
	 background:#363d52;
	 cursor:pointer;
	 box-shadow:0 0 5px rgba(0,0,0,.3);
}
#covers:hover {
	border: 1px solid #3a81e6;
}
.covers_full.active{
	background:url(../../framework/icons/smascren_p.png) no-repeat center;
}
.mapzoom{
	position:absolute;
		
	z-index:500;
		
	background:transparent;
	cursor:pointer;
	/*  box-shadow:0 0 5px rgba(0,0,0,.3); */

	right:30px;
	top:127px;
		
		
	}
.mapadd{
	width:36px;
	height:36px;
	background: #363d52 url(../../framework/icons/add.png) no-repeat center;
	border:1px solid #363d52;
	border-radius: 4px 4px 0 0;
	/* box-shadow:0 0 5px rgba(0,0,0,.3); */
	

}
.mapreduce{
	width:36px;
	height:36px;
	background: #363d52 url(../../framework/icons/small.png) no-repeat center;
	border:1px solid #363d52;
	border-top:0;
	border-radius: 0 0 4px 4px;
	/* box-shadow:0 0 5px rgba(0,0,0,.3); */
	}
	.ztree li span.button.chk,.carName>input{
		display:none;
	}
	.ztree li{
		padding:3px;
	}
	.ztree li span{
		margin-left:2px;
	}
	.ztree li span.button.switch{
		float:right;
	}
	.carName{
		background:#eeeeee;
		padding:5px 0px 5px 2px;
		font-size:12px;
		width:194px;
		margin-left:6px;
	}
	.carName i{
		color:#3a81e6;
		float:right;
		position:relative;
		top:4px;
		right:10px;
		cursor:pointer;
	}
	.ztree li a.curSelectedNode {
	background-color:#3a81e6 !important;
	width:150px;
}
.ztree li span{
		margin-left:2px;
	}
	#downMenu{
		background:#3a81e6;
		padding:10px;
		width:35%;
		position:absolute;
		z-index:200;
	}
	#downMenu i{
		font-size:12px;
		position: relative;
		cursor:pointer;
		padding-left: 18px;
		line-height: 22px;
		display: inline-block;
		font-style:normal;
		color:#ccd2de;
	}
	.glyphicon-ok::before {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 18px;
		text-align: left;
	}
	.form-control{
		padding:4px 10px 5px 30px
	}
		.amap-info-content{
		width:300px;
		min-height:220px;
		overflow:hidden;
		padding:10px 10px 10px 12px;
		position:relative;
		line-height:2;
	}
	.ejectBox{
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:99999;
		background:rgba(0,0,0,.3)
	}
	.history_info{
		width:72%;
		background:#fff;
		margin:8% auto 0;
		padding:20px;
		min-width:1170px;
		min-height:58%;
	}
	.ejectBox-close{
   	 	position:absolute;
   	 	right:30px;
   	 	top:30px;
   	 	width:36px;
   	 	height:36px;
   	 	cursor:pointer;
   	 }
   	 .ejectBox-close img{
   	 	width:100%;    	 	
   	 }
   	 .offoil{
   	 	width:335px;
   	 	height:210px;
   	 	margin:8% auto 0;
   	 	background:#fff;
   	 	
   	 }
   	 .offoil-title{
   	 	width:100%;
   	 	height:36px;
   	 	background:#0f83e2;
   	 	color:#fff;
   	 	line-height:36px;
   	 	text-align:center;
   	 	font-size:14px;
   	 }
   	 .offoil_code{
   	 	height:123px;
   	 	text-align:center;
   	 	background:#fff;
   	 	padding:20px;
   	 	font-size:12px;
   	 	color:#333;
   	 	line-height:22px;
   	 }
   	 .randomcode{
   	 	color:#0f83e2;
   	 }
   	 .offoil_input input{
   	 	width:88px;
   	 	height:28px;
   	 	border:1px solid #ccc;
   	 	margin-top:15px;
   	 	text-align:center;
   	 }
   	 .offoil_btn{
   	 	width:100%;
   	 }
   	  .offoil_btn button.btn{
   	  	display:block;
   	  	width:278px;
   	  	height:28px;
   	  	background:#0f83e2;
   	  	border-radius:0;
   	  	margin:0 auto;
   	  	font-size:12px;
   	  	line-height:27px;
   	  	color:#fff;
   	  	padding:0;
   	  }
   	  .offoil_success{
   	  	height:158px;
   	  	text-align:center;
   	  	font-size:12px;
   	  	line-height:120px;
   	  }
   	  .snap{
   	  	width:72%;
		background:#fff;
		margin:3% auto 0;
		padding:20px;
		/* height:65%; */
  	  }
  	  .snap_box{
  	  	width:930px;
  	  	overflow:hidden;
  	  }
  	  .snap_list{
  	  	width:945px;
  	  }
  	  .snap_list_item{
  	  	width:300px;
  	  	height:225px;
  	  	float:left;
  	  	border:1px solid #ccc;
  	  	margin-right:15px;
  	  	margin-bottom:15px;
  	  }
  	  .snap_list_item img{
  	  	width:100%;
  	  	height:100%;
  	  	display:block;
  	  }
  	  .snap_list_item.snap_photo{
  	  	position:relative;
  	  }
  	  .snap_list_item.snap_photo>div{
  	  	height:33.33%;
  	  }
  	  .s_photo img{
  	  	width:auto;
  	  	margin:0 auto;
  	  	height:50%;
  	  }
  	  .s_photo_text{
  	  	color:#666;
  	  	font-size:18px;
  	  	margin-top:3px;
  	  	text-align:center;
  	  }
  	  .snap_page {
  	  	text-align:center;
  	  }
  	  .snap_page a{
  	  	display:inline-block;
  	  	width:36px;
  	  	height:36px;
  	  	border:1px solid #ccc;
  	  	text-align:center;
  	  	line-height:36px;
  	  	color:#333;
  	  }
  	   .snap_page a.active{
  	   	background:#3a81e6;
  	   	color:#fff;
  	   }
  	   .shrink{
		width:46px;
		height:35px;
		background:#3a81e6 url(../../framework/icons/pull_p.png) no-repeat center;
		position: relative;
 				 z-index:200;
 				 margin-top:-35px;
 				 margin-left:40px;
 				 cursor:pointer;
	}
	.shrink.shrinkup{
		background:#3a81e6 url(../../framework/icons/updown_p.png) no-repeat center;
		
		border:1px solid #3a81e6;
	}
	.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{
		background-color:#3a81e6!important;
		color:#fff;
	}
	.table>thead>tr>th{
		background:#eeeeee;
		color:#333;
	}
	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
		background:#fff;
	}
	#test .row{
		margin:0!important;
	}
	#test .col-sm-12{
		padding:0;
	}
	#histortable .dataTables_scrollHeadInner,#histortable .table.datatable{
		width:100%!important;
	}
	#histortable .dataTables_scroll{
		border:1px solid #ccc;
	}
	.tabselect{
		position: absolute;
	    right: 9px;
	    top: 6px;
	}
	.dropdown-menu{
		left:initial;
		min-width:80px;
		right:-40px;
	}
	.dropdown-menu li{
		height:30px;
		line-height:30px;
		text-align:center;
		cursor:pointer;
		font-size:12px;
	}
	.dropdown-menu li:hover{
		background:#3a81e6;
		color:#fff;
		
	}
	table.dataTable thead th, table.dataTable thead td{
		padding-top:7px;
		padding-bottom:7px;
	}
	.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{
		padding-top:3px;
		padding-bottom:3px;
		font-size:12px;
	}
	.name-inputs-label span label{
		cursor:pointer;
	}
	div.dt-buttons{
			position: relative;
			display: inline-block;
			float: none;
		}